<div class="card-container" *ngFor="let item of products" (click)="handleClickCard(item)">
  <div class="product-img">
    <img [src]="item.imgUrl" alt="">
  </div>
  <div class="product-title">{{item.title}}</div>
  <div class="product-tags">
    <span *ngFor="let ite of item.tags"
      [style]="{color: ite.color,padding:' 0 .2rem','font-size': '14px'}">{{ite.text}}</span>
  </div>
  <div class="product-price" style="color: red">
    <div>
      ￥<span style="font-size: 16px;font-weight: 700;">{{item.price}}</span>
      <span style="margin-left: 3px;color: #9c9c9c;font-size: 13px;">{{item.order}}</span>
    </div>
    <div class="avatar">
      <img *ngFor="let avatar of item.avatar_list; let index = index;count as count" [src]="avatar" alt="" [ngStyle]="{
        'right': -( count - 1 -index) * 10 +'px',
        'z-index': 100 - index
      }">
    </div>
  </div>
</div>
